import { Category, CategoryListProps } from '../../../interface';
import CategoryItem from '../item/category-item.component';
import './directory.styles.scss'

const Directory = ({ categories }: CategoryListProps) => {
  return (
    <div className='categories-container'>
      {categories.map((category: Category) => (
        <CategoryItem key={category.id} {...category} />
      ))}
    </div>
  )
}

export default Directory;
